@charset "utf-8";
/* CSS Document */

/* HomePage */

#lupaLogo {
	position: relative;
	top: 11px;	
}

#lupaLogo img {
	width: 136px;
	height: auto;
	position: relative;
	left: -1px;
	top: -57px;
	opacity: 0.5;
}

#lupaLogo2 {
	position: relative;
	top: 11px;	
}

#lupaLogo2 img {
	width: 51px;
	height: auto;
	position: relative;
	left: 42px;
	top: -6px;
	opacity: 0.5;
}

.dobleLineaHome {
	margin-left: 136px !important;	
}

.bg3home {background: url(../images/bg3.smile.png); background-size: cover;}
.bg4home {background: url(../images/bg4.smile.png); background-size: cover;}
.bg5home {background: url(../images/bg5.smile.png); background-size: cover;}

/* Menu */

#dobleLinea {
	margin-left: 20px;
	line-height: 20px;
	text-indent: 0px;
	position:relative;
	top: -5px;
	padding-bottom: 10px;
}

/* Texto Resaltado */
#highlight {
	font-size: 20px;
	line-height: 22px;
	color: black;
	font-weight: bold;	
}

/* Consultoría Vocacional */
#intro1 {
	padding: 0px 3px;
	height: auto;
	text-align: justify;
	/*column-count: 2;
	-moz-column-count: 2;
	-webkit-column-count: 2;*/
}

#imagenVocacional {
	background: url(../images/vocacional.carreras.png) 95% 0% no-repeat !important;
	background-size: 35% !important;	
}

.imagestrip {
	text-align: center;
	width: 100%;
	/*padding-top: 1%;
	padding-bottom: 1%;*/
}
#imagestrip1 {
	width: 55%;	
}
#imagestrip1 img {
	margin: -5px 10px;
	width: 15%;
	height: auto;	
}

/* Empresas */
#intro2 {
	padding: 0px 3px;
	height: auto;
	text-align: justify;
	/*column-count: 2;
	-moz-column-count: 2;
	-webkit-column-count: 2;*/
}

#imagestrip2 img {
	width: 10%;
	height: auto;	
}

#imagestrip3 {
	height: 500px;	
}
#imagestrip3 img {
	margin-left: 15px;
	margin-right: 15px;	
	width: 65px;
	height: 65px;
	clear: both;
}

/* Personas */

#intro3 {
	padding: 0px 3px;
	height: auto;
	text-align: justify;
	width: 70%;
	float: right;
}

#imagenPersonas {
	background: url(../images/personas.huella.png) 10% 75% no-repeat !important;
	background-size: 65% !important;
}

#personas_proceso_subtitle {
	height: 20px;
	color: #cccccd;
	font: italic bold 30px/20px Georgia, "Times New Roman", Times, serif;
	
	width: 20%;
	float: left;
	position: relative;
	margin-top: 30px;
	margin-bottom: 30px;
	left: 10%
}

#empresas_proceso_subtitle {
	color: #cccccd;
	font: italic bold 30px/20px Georgia, "Times New Roman", Times, serif;
	position: relative;
	left: -75px;
	top: 40px;	
}

/* Lista Bateria de Test */

#lista_bateria {
	font-family: 'Asap', sans-serif;
	font-size: 12px;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
	color: #545454;
	line-height: 17px;
	text-transform: uppercase;
	position: relative;
	overflow: hidden;	
	
	list-style: disc !important;	
}
#lista_bateria li {
	margin: 0px 25px !important;
	padding-bottom: 5px !important;
}

/* Tooltips */

.tooltip {
	/*border-bottom: 1px dotted #000000;*/ color: #000000; outline: none;
	cursor: help; text-decoration: none;
	position: relative;
}
.tooltip span {
	line-height: 16px;
	-ms-transition: opacity 1s ease;
	-moz-transition: opacity 1s ease;
	-webkit-transition: opacity 1s ease;
	-o-transition: opacity 1s ease;
	
	opacity: 0;
	margin-left: -999em;
	border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	/*font-family: Calibri, Tahoma, Geneva, sans-serif;*/
	font-family: 'Asap', sans-serif; font-size: 12px; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); text-transform: uppercase;

	position: absolute; z-index: 99;
	top: -10em;/*top: 2em;*/
	height: auto;
}
.tooltip:hover span {	
	margin-left: 0;
	opacity: 1;
	text-decoration: none !important;
}
.classic {left: -4em; width: 250px; padding: 0.8em 1em; color: #404040; background: #FFFF33}	
.classic2 {left: -6.5em; width: 275px; padding: 0.8em 1em; top: -2.5em !important; }
.classic3 {left: -15em; width: 275px; padding: 0.8em 1em; top: -2.5em !important; }
.custom { padding: 0.5em 0.8em 0.8em 2em; }

.classic, .classic2, .classic3 {background: #FFFFFF; border: 1px solid #B6B6B6; text-decoration:none !important;}

#toolsub1 {top: -14em !important; width: 400px;}
#toolsub2 {top: -8em !important;}
#toolsub3 {top: -13em !important;}
#toolsub4 {top: -10em !important;}
.toolyellow {background: #FFEF00; border: 1px solid #EBB608;}
.toolgreen {background: #98FB98; border: 1px solid #298F29;}
.toolred {background: #FFCCAA; border: 1px solid #D02730;}
.toolblue {background: #9FDAEE; border: 1px solid #086D8A;}
.toolorange {background: #FFE5B4; border: 1px solid #F46F1B;}

.vertical {
	float: right;
	margin-right: 30px;
	/*background: blue;*/
}

#ref_lic {
	top:2em !important;
	left:-9.5em !important;
	font-family: 'Asap', sans-serif;
	font-size: 12px;
	font-weight: normal !important;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
	text-transform: uppercase;
	color: #404040;
	width: 400px !important;
}

/* Pagina de Contacto */

#mainContacto {
	background: url(../images/contacto.latas.png) 100% 55% no-repeat !important;
	background-size: 35% !important;
}
.col4contact {width: 30%; position: relative; float: left; opacity: 0.8;}

/* Fixs - Angel Guerrero */

#intro_about{
	padding-left: 20px;
	background: url(../images/nosotros.lupa.png) 50% 115% no-repeat !important;
	background-size: 70% !important;
	/*background-color: red;*/
	/* <div style="width:100%; text-align: center;"><p><img src="images/nosotros.lupa.png" style="width:90%; height:auto;"><br></p> */
}

#intro_about h1{	
	font: 100 34px/1.4em 'GillSansLight','Gill Sans', 'Calibri';
	text-transform: uppercase;
	border-bottom: 6px solid #76ab2f;
	padding-bottom: 10px;
	color: #76ab2f;
	width: 70%;
	margin-bottom: 20px;
}


#intro_empresas{
	padding-left: 20px;
	
}

#intro_empresas h1{
	font: 100 34px/1.4em 'GillSansLight','Gill Sans', 'Calibri';
	text-transform: uppercase;
	border-bottom: 6px solid #066d8a;
	padding-bottom: 10px;
	color: #066d8a;
	width: 70%;
	margin-bottom: 20px;
}



#intro_personas{
	padding-left: 20px;
	
}

#intro_personas h1{
	font: 100 34px/1.4em 'GillSansLight','Gill Sans', 'Calibri';
	text-transform: uppercase;
	border-bottom: 6px solid #e26000;
	padding-bottom: 10px;
	color: #e26000;
	width: 70%;
	margin-bottom: 20px;

}


#intro_vocacional{
	padding-left: 20px;

}

#intro_vocacional h1{
	font: 100 34px/1.4em 'GillSansLight','Gill Sans', 'Calibri';
	text-transform: uppercase;
	border-bottom: 6px solid #cd2055;
	padding-bottom: 10px;
	color: #cd2055;
	width: 100%;
	margin-bottom: 20px;
}

.illust_about{
	width: 389px;
	height: 393px;
	margin-left: 0px;
	/*background-color: #ff006f;*/
}

.lupa{
	margin-left: 0px;
	margin-top: -10px;
	width: 472px;
	height: 151px;
	position: relative;	
}

.box_destacado2 {
	height: 50px;
	width: 90%;
	padding: 0 10px 10px 0;
	margin-bottom: 1px !important;
	/*background-color: #f3fb84;*/

}

.box_destacado2 h3{
	margin-bottom: 10px;
	/*height: 20px;*/	
}

.box_destacado2 ul{
	/*height: 40px;*/
	background-color: #f48b0e;
	margin-bottom: 10px;
}

.box_destacado2 li{
	float: left;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #62b0cd;
	padding: 8px;
	margin-left: 4%;	
	margin-right: 4%;
	color: #feffff;
}

.box_destacado2 li:hover{
	float: left;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #1193c6;
	padding: 8px;
	margin-left: 4%;	
	margin-right: 4%;
	color: #feffff;
	cursor: pointer;
}

